<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script type="text/javascript" th:src="@{/lib/jquery/jquery-3.4.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/lib/layer/layer.js}"></script>
    <style type="text/css">
        .item {
            width: 120px;
            height: 120px;
            font-size: 0.75em;
            display: inline-block;
            text-align: center;
            overflow: hidden;
        }
        .item * {
            display: block;
            margin: auto;
        }

    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-row">
        <div class="layui-col-md11">
            位置：<a th:href="${#strings.endsWith(#httpServletRequest.requestURL,'/')?(#httpServletRequest.requestURL+'..'):(#httpServletRequest.requestURL+'/..')}">上一级</a><br/>
        </div>
        <div class="layui-col-md1">
            视图
        </div>
    </div>
    <div class="layui-row">
        <div th:each="file:${listFile}" class="item">
                <a th:href="${#strings.endsWith(#httpServletRequest.requestURL,'/')?(#httpServletRequest.requestURL+file.name):(#httpServletRequest.requestURL+'/'+file.name)}">
                    <img th:src="@{'/img/'+${file.extension}+'.png'}" height="80px;" th:onerror="'this.src=\''+@{/img/unkonw.png}+'\';this.onerror=null'"></img>
                    <span th:text="${file.name}"></span>
                </a>

        </div>
    </div>

</div>
<div th:include="common/foot"></div>

<script type="text/javascript">

</script>
</body>
</html>